
html body {
    background-color: #dddddd;
}

.card {
    min-width: 360px;
    width: 360px;
    min-height: 260px;
    height: 260px;

    position: absolute;
    left: 50%;
    top: 40%;
    /*上右下左*/
    margin:  -130px auto auto -180px;

    border: 0px;

    background-color: #FFFFFF;
}

.card-header {
    align-content: center;
    text-align: center;
    font-weight: bold;
    background-color: #27a9e3;
    font-size: 1.5em;
}

button {
    width: calc(100% - 30px);
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    box-sizing: border-box;
    margin-left: 15px;
    margin-right: 15px;
    /**opacity: 0.5;*/
    background-color: #27a9e3;
}


/*
form校正

**/

input.ng-dirty.ng-invalid{
    border-left: red 4px solid;
}

input.ng-touched.ng-valid{
    border-left: green 4px solid;
}

